*{
    margin: 0;
    padding: 0;
}
a{
    cursor: pointer;
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
ul{
    list-style: none;
}
b{
    font-weight: 700;
}
body{
    padding-right: 0px;
    transition: transform 0.3s ease;
    font: 14px/1.5 "PingFang SC", "微软雅黑", "Microsoft YaHei", Helvetica, "Helvetica Neue", Tahoma, Arial, sans-serif;
    color: #1c1f21;
}
.navbar-default{
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);
    padding-left: 123px;
}
.nav > li > a{
    padding: 15px 25px;
}
.navbar-brand img{
    height: 35px;
    width: 150px;
    margin-top: -10px;
}

.nav .badge{
    position: relative;
    top: -8px;
    left: -7px;
    padding: 1px 3px;
    background-color: red;
}

#header-avator img{
    width: 32px;
    height: 32px;
    border-color: #4d5559;
    /*margin-top: -5px;*/
    border-radius: 50%;
    vertical-align: middle;
    display: inline-block;
    margin-top: -6px;
}
/*搜索框*/
.search-area{
    margin-top: 15px;
    position: relative;
}
.t-search{
    width: 260px;
    border-width: 0.5px;
    border-color: transparent transparent #d9dde1 transparent;
    padding-bottom: 3px;
}
.t-search:focus {
    border-bottom-color: red;
}
.searchTags{
    position: absolute;
    z-index: 100;
    bottom: 5px;
    left: 120px;
    height: 25px;
    width: 100px;
    /*border: 1px solid red;*/
}
.searchTags .badge{
    font-size: 10px;
    background-color: #f3f5f7;
    color: #4d5e87;
}
.showhide-search{
    height: 25px;
    width: 25px;
    /*border: 1px solid red;*/
    cursor: pointer;
    position: absolute;
    bottom: 3px;
    left: 220px;
}
.search-ico{
    color: #ced8ec;
}
.showhide-search:hover .search-ico{
    color: #ebebec;
}
.search-area-result{
    height: auto;
    width: 260px;
    /*border: 1px solid red;*/
    position: absolute;
    box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.2);
    background-color: white;
    top: 41px;
    display: none;
    z-index: 999;
}
.hot{
    height: auto;
    width: 100%;
    border-width: 1px;
    padding: 8px 0 8px 12px;
    box-sizing: border-box;
}
.search-area-result h5{
    text-align: left;
    font-size: 12px;
    color: #1c1f21;
    line-height: 12px;
    margin-top: 0px;
    font-weight: 700;

}
.hot-box .badge {
    background-color: #eeeeee;
    font-weight: normal;
    color: #1c1f21;
}
.history{
    width: 100%;
    /*margin-top: 15px;*/
    border-top: 1px solid rgba(28, 31, 33, 0.1);
    box-sizing: border-box;
}
.history ul{
    height: auto;
}
.history ul li{
    text-align: left;
    padding: 8px 12px;
    color: #897d82;
    cursor: pointer;
}
.history ul li:hover{
    background: #edf0f2;
    color: #1c1f21;
}
.mes:hover .glyphicon{
    color: #f01414!important;
}
.mes:hover a{
    color: #f01414!important;
}
.shop-car-l:hover .car-ico{
    background: url("../images/shoop1.png") no-repeat;
    background-size: contain;
}
.shop-car-l:hover .shop-car{
    color: #f01414!important;
}
.car-ico{
    float: left;
    position: relative;
    top: 17px;
    height: 16px;
    width: 18px;
    background: url("../images/shoop.png") no-repeat;
    background-size: contain;
}
.car-ico img{
    height: 15px;
    width: 18px;
}
.shop-car{
    padding-bottom: 18px;
}
.shop-car-l:hover .shop-car-d{
    display: block;
}

.shop-car-d{
    /*display: block;*/
    width: 370px;
    padding: 0 30px;
    height: auto;
    top: 43px;
}
.dropdown-menu{
    margin-top: 6px!important;
}
.cat-title-text{
    height: 40px;
    width: 100%;
    padding: 15px 0;
    border: 1px solid #ffffff;
    border-bottom-color: #d3d6d9;
    margin-bottom: 15px;
}
.cat-title-text h2,h5{
    text-align: left;
    font-size: 14px;
    color: #1c1f21;
    line-height: 12px;
    margin-top: 0px;
    font-weight: 700;
    float: left;
}
.cat-title-text h5{
    margin-left: 122px;
    font-size: 12px;
    color: #9199A1;
}
#car-no{
    width: 100%;
    height: auto;
    display: none;
}
.ico-shopping{
    height: 65px;
    width: 80px;
    background: url("../images/shoop2.png") no-repeat;
    background-size: contain;
    margin-top: 20px;
    margin-left: 32%;
    text-align: center;
}
h3{
    font-size: 14px;
    color: #545C63;
    text-align: center;
}
.text{
    margin-bottom: 8px;
    font-size: 12px;
    color: #9199A1;
    text-align: center;
}
#car-no p{
    text-align: center;
    cursor: pointer;
}
#car-no a{
    color: #f50000;
    text-decoration: none;
}
#car-no a:hover{
    color: red;
}
#car-have{
    /*width: 100%;*/
    /*height: 200px;*/
    /*border: 1px solid #ffffff;*/
    /*border-bottom-color: #d3d6d9;*/
    /*overflow-y: scroll;*/
}
#js-card-ul ul{
    width: 100%;
    height: 200px;
    /*border: 1px solid #ffffff;*/
    /*border-bottom-color: #d3d6d9;*/
    /*padding: 15px 0;*/
    overflow-y: scroll;
}
.car-course{
    position: relative;
    display: block;
    height: 97px;
    /*border: 1px solid red;*/
    box-sizing: border-box;
    padding: 10px 5px;
}
.car-course:hover{
    background: #f8fafc;
    cursor: pointer;
}
.car-course:hover .del{
    display: inline;
}
.car-course img{
    float: left;
}
.content-box{
    float: left;
    /*border: 1px solid red;*/
    width: 160px;
    height: 74px;
    margin-left: 10px;
    line-height: 15px;
    position: relative;
}
.content-box a{
    font-size: 12px;
    line-height: 5px;
}
.content-box p{
    margin: 0;
}
.content-box a:hover{
    text-decoration: none;

}
/*.clearfix{*/
    /*position: absolute;*/
    /*top: 58px;*/
/*}*/
.price,.del{
    color: #f05f0e;
    font-size: 12px;
}
.del:hover{
    color: red;
    cursor: pointer;
}
.price:hover{
    color: red;
    cursor: text;
}
.del{
    display: none;
    font-size: 12px;
    margin-left: 75px;

}
.more-box{
    height: 31px;
    width: 100%;
    margin: 15px 0px;
    /*border: 1px solid red;*/
}
.more-box span>a{
    color: #4a332b;
    font-size: 13px;
    text-decoration: none;
}
.car-go{
    text-align: center;
    display: inline-block;
    height: 30px;
    width: 120px;
    border: 1px solid red;
    font-size: 15px;
    padding: 12px 5px;
    line-height: 3px;
    border-radius: 6px;
    font-size: 14px;
    background: #f34343;
    color: #ffffff;
    margin-left: 95px;
}
.car-go:hover{
    background: #f01414;
}
#header-user-card{
    display: none;
}
#header-user-card:hover .header-d{
    display: block;
}
#header-user-card:hover #header-avator img{
    border-color: red;
}
.header-d{
    position: absolute;
    right: 0;
    top: 43px;
    z-index: 1000;
    width: 306px;
    padding: 24px;
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.2);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    box-sizing: border-box;
}
.card-top{
    height: 75px;
    width: 100%;
    /*border: 1px solid red;*/
    clear: both;
}
.card-top img{
    float: left;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-right: 12px;
}
.card-top-right-box{
    margin-top: 14px;
    float: left;
}
.name{
    display: inline-block;
    font-size: 16px;
    color: #07111b;
    width: 170px;
    line-height: 20px;
}
.meta{
    margin-top: 4px;
    font-size: 12px;
    line-height: 12px;
}
.user-center-box{
    margin-top: 16px;
    margin-bottom: 14px;
    height: 76px;
    /*border: 1px solid red;*/
}
.user-center-box ul{
    width: 260px;
}
.user-center-box ul li{
    position: relative;
    width: 128px;
    background: #F8FAFC;
    border-radius: 2px;
    color: #4d555d;
    margin: 0 2px 2px 0;
    float: left;
}
.user-center-box ul li:hover{
    background: #d9dde1;
}
.user-center-box ul li a{
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding-left: 12px;
    text-align: left;
    box-sizing: border-box;
    color: #1c1f21;
}
.user-center-box .glyphicon{
    font-size: 16px;
    margin-right: 8px;
    color: #1c1f21;
}
.card-history{
    padding-bottom: 16px;
    margin-bottom: -1px;
    border-bottom: 1px solid #edf1f2;
}
.history-item{
    display: block;
    position: relative;
    padding-left: 24px;
    color: #787d82;
    transition: background-color 0.2s;
    line-height: 20px;
}
.tit{
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
}
.media-name{
    display: block;
    width: 200px;
}
.text-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.history-item .glyphicon-time{
    position: absolute;
    left: 0px;
    top: 2px;
    font-size: 16px;
    font-weight: 700;
}
.continue{
    position: absolute;
    right: 0px;
    top: 25px;
    color: #00b43c;
}
.continue:hover{
    color: #6eb483;
}
.card-sets{
    margin-top: 16px;
    font-size: 12px;
    line-height: 12px;
}
.card-sets a{
    color: #93999F;
}
#header-signin a{
    /*float: left;*/
}
#js-signup-btn,#js-signin-btn{
    display: inline-block;
    height: 72px;
    font-size: 14px;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
/*登录界面*/
.modal-backdrop{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: .75;
}
.rl-modal{
    position: fixed;
    background: #fff;
    z-index: 100000;
    width: 384px;
    padding-top: 10px;
    padding-bottom: 30px;
    left: 50%;
    top: 50%;
    margin: -192px 0 0 -192px;
    box-shadow: 0 12px 24px 0 rgba(28,31,33,.1);
    border-radius: 12px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    opacity: 1;
}
.rl-modal-header {
    position: relative;
    padding: 0 20px 25px;
}
.rl-modal-header h1{
    font-size: 16px;
    line-height: 49px;
    font-weight: 700;
    height: 49px;
    color: #787d82;
    margin-top: 0px
}
.rl-modal-header h1 span {
    float: left;
    width: 80px;
    text-align: center;
    height: 49px;
    line-height: 49px;
    cursor: pointer;
}
.active-title{
    color: red;
    display: block;
    /*padding: 10px 15px;*/
    border-bottom: 3px solid red;
}
.rl-modal-body{
    padding: 0 32px;
}
.rl-modal .ipt {
    width: 100%;
    height: 48px;
    line-height: 20px;
    box-sizing: border-box;
    padding: 14px;
    box-shadow: 2px 0 5px 0 #fff;
    background: rgba(28,31,33,.06);
    border-radius: 8px;
    border: 0;
}
.rlf-tip-wrap{
    font-size: 12px;
    height: 20px;
    color: red;
    clear: both;
    visibility:hidden;
}
.rlf-group{
    position: relative;
}
.proclaim-btn {
    font-size: 23px;
    color: #b5b9bc;
    position: absolute;
    top: 12px;
    right: 14px;
}
.js-loginPassword{
    display: none;
}
.rsSend {
    font-size: 14px;
    line-height: 24px;
    right: 14px;
    color: #1481b8;
    cursor: pointer;
    position: absolute;
    top: 12px;
    word-break: break-all;
}
.rlf-autoin{
    color:#9199a1;
    float: left;
    line-height: 1em;
}
.auto-cbx{
    margin-right: 20px;
    vertical-align: -1px;
}
.moco-btn{
    padding: 11px 144px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 24px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    -weibkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    color: #fff;
    background-color: #f20d0d;
    border-color: #f20d0d;
    opacity: 1;
    margin-top: 0;
    vertical-align: middle;
    /*margin-left: 25px;*/
}
.rlf-forget{
    display: none;
    position: absolute;
    color: #9199a1;
    right: 0px;
}
.rlf-other{
    /*margin-left: 30px;*/
    /*margin-right: 24px;*/
    /*padding-right: 24px;*/
    display: inline-block;
    margin-top: 15px;
    font-size: 14px;
    color: #f20d0d;
    text-align: left;
    line-height: 24px;
    /*border-right: 1px solid #1a1C1F21;*/
    cursor: pointer;
}
.verify-img-wrap{
    position: absolute;
    right: 53px;
    top: 5px;
    width: 84px;
    height: 32px;
}
.ipt-agreement{
    color: #37f;
}
.rl-close{
    position: absolute;
    top: 17px;
    right: 20px;
    width: 17px;
    height: 17px;
    cursor: pointer;
    background: url(../images/nlogin.png) no-repeat 0 0;
    transition: transform .2s;
    -webkit-transition: transform .2s;
    -moz-transition: transform .2s;
    -o-transition: transform .2s;
    border: none;
}
.rl-close:hover{
    background: url(../images/nlogin.png) no-repeat 0px -20px;
}
#signin-globle-error,#login-globle-error{
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    color: red;
    margin: 0;
    visibility: hidden;
}
.title {
    margin-bottom: 4px;
    font-size: 16px;
    color: #1c1f21;
    text-align: center;
    line-height: 24px;
    font-family: "微软雅黑";
}
.subtitle {
    font-size: 14px;
    color: #545c63;
    line-height: 22px;
    margin-bottom: 20px;
    font-family: "微软雅黑";
    text-align: center;
}
.js-phoneNumber{
    color: #1c1f21;

}
.backNotify {
    color: #777c81;
    margin-top: 15px;
    cursor: pointer;
    text-align: center;
}
.icon-send-success{
    width: 96px;
    height: 96px;
    line-height: 96px;
    border-radius: 50%;
    background: rgba(28,31,33,.1);
    display: inline-block;
    /*font-size: 64px;*/
    color: #1c1f21;
    text-align: center;
    margin-top: 26px;
}
.icon-send-success .glyphicon-ok{
    font-size: 40px;
    line-height: 96px;
}
.reg-success1>p{
    font-size: 16px;
    color: #1c1f21;
    text-align: center;
    line-height: 24px;
    font-weight: 700;
    padding: 16px 0 5px;
}
.js-gotoLearn{
    margin-top: 36px;
    margin-bottom: 20px;
    padding: 11px 32px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    border-radius: 24px;
}
.js-signin-send,.js-register-send{
    background-color: #f2f2f2;
    border: none;
}